<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
  <meta http-equiv="Pragma" content="no-cache" />
  <meta http-equiv="Expires" content="0" />
  <title>财丰金融</title>
  <link rel="stylesheet" href="./css/index.css">
</head>

<body>
  <div class="pub-top">
    <div class="container">
      <img src="./images/logo.png" alt="">
      <div class="pub-nav">
        <a href="index.html">首页</a>
        <a href="task.html">任务大厅</a>
        <a href="javascript:void(0)">新手指导</a>
        <a href="new.html">新闻资讯</a>
        <a href="about.html">关于我们</a>
        <a href="login.html" class="active">登录注册</a>
      </div>
      <div class="pub-search">
        <img src="./images/search.png" alt="">
        <input type="text" class="input" placeholder="请输入关键词">
        <div class="search-box">搜索</div>
      </div>
    </div>
  </div>
  <div class="login-bg">
    <div class="container">
      <div class="from">
        <div class="from-top">
          <p class="login">用户登录</p>
          <p class="zhuce active">用户注册</p>
        </div>
        <div class="from-input login">
          <input type="text" placeholder="我的帐号">
          <input type="text" placeholder="密码">
          <div class="from-btn">登录</div>
          <div class="forget">
            <a href="javascsript:void(0)">立即注册</a>
            <p class="line"></p>
            <a href="javascsript:void(0)">忘记密码</a>
          </div>
        </div>
        <div class="from-input zhuce">
          <input type="text" placeholder="手机号码">
          <div class="input-box">
            <input type="text" placeholder="验证码">
            <p class="text">获取验证码</p>
          </div>
          <div class="from-btn">注册</div>
          <div class="forget">
            <a href="javascsript:void(0)">立即注册</a>
            <p class="line"></p>
            <a href="javascsript:void(0)">忘记密码</a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="pub-bottom">
    <div class="container">
      <div class="bottom-left">
        <img src="./images/logo1.png" alt="">
        <p>杭州财丰金融有限公司 All rights reserved</p>
        <p>浙公网安备 11010502020657 浙ICP备12025643号-1</p>
      </div>
      <div class="bottom-right">
        <img src="./images/code.png" class="code" alt="">
        <img src="./images/code1.png" class="code1" alt="">
        <div class="bottom-phone">
          <p class="text">400-183-5288</p>
          <p class="text1">服务时间: 9:00-21:00</p>
        </div>
        <img src="./images/phone.png" class="phone-pic" alt="">
      </div>
    </div>
  </div>
</body>
<script src="./js/jquery-1.10.2.min.js"></script>
<script>
 $(function(){
   $('.login-bg .from-top .login').click(function(){
    $(".login-bg .from-top p").addClass('active');
     $(this).removeClass("active");
     $(".login-bg .from-input").hide();
     $(".login-bg .from-input.login").show();
     $('.login-bg').removeClass("active")
   })
   $('.login-bg .from-top .zhuce').click(function(){
    $(".login-bg .from-top p").addClass('active');
     $(this).removeClass("active");
     $(".login-bg .from-input").hide();
     $('.login-bg').addClass("active")
     $(".login-bg .from-input.zhuce").show();
   })

 })
</script>
</html>